/**
 * 驳回情况分析
 */
export const option1 = () => {
    let options = {
        series: [
            {
                name: '办件分类',
                type: 'pie',
                radius: ['68%', '90%'],
                hoverOffset: 0,
                color: ["#d0e448", "#5eabd8", "#49f0b9", "#f3be8a"],
                avoidLabelOverlap: false,
                itemStyle: {
                    shadowColor: "#8bd1f9",
                    shadowBlur: 12,
                },
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: false,
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    { value: 0, name: '零见面' },
                    { value: 0, name: '预约办' },
                    { value: 0, name: '网上办' },
                    { value: 0, name: '一趟清'},
                ]
            }
        ]
    };
    return options;
}
/**
 * 并行并联审批情况分析
 */
export let option2 = () => {
    let options = {
        grid: {
            left: "1%",
            right: "1%",
            bottom: "0%",
            containLabel: true
        },
        tooltip: {
            trigger: 'axis',
            // axisPointer: {
            //     type: 'cross',
            //     crossStyle: {
            //         color: '#999'
            //     }
            // }
        },
        color: ["#ed5e54", "#74b1b9"],
        legend: {
            top: 10,
            textStyle: {
                color: "#fff"
            },
            data: ['并行并联', '已办结']
        },
        xAxis: [
            {
                type: 'category',
                data: [],
                axisPointer: {
                    type: 'shadow'
                },
                splitLine: { show: false },
                axisLabel: {
                    rotate: 30,
                    color: "#fff"
                },
                axisTick: {
                    lineStyle: {
                        color: "#fff",
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: "#fff",
                    }
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                // name: '受理',
                splitLine: {
                    lineStyle: {
                        color: "#fff",
                        type: "dashed",
                    }
                },
                axisLabel: {
                    color: "#fff",
                    formatter: '{value} '
                },
                axisTick: {
                    lineStyle: {
                        color: "#fff",
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: "#fff",
                    }
                }
            },
        ],
        series: []
    };
    return options;
}
/**
 * 科室办理情况分析
 */
export let option3 = () => {
    let options = {
        grid: {
            left: "1%",
            right: "1%",
            bottom: "0%",
            containLabel: true
        },
        // tooltip: {
        //     trigger: 'axis',
        //     formatter: '{c}%'
        // },
        color: ["#66ebf9", "#d3938b", "#b1ddfb"],
        legend: {
            top: 0,
            textStyle: {
                color: "#fff"
            },
            data: ['办结率', '超时率', "办件量"]
        },
        xAxis: [
            {
                type: 'category',
                data: ['不动产登记', '残联', '公安局', '供销社', '交警大队', '农业农村局', '卫健局', '消防大队', '烟草局', '住建局', '公告事务科', '环保城管科', '社会事务科', '投资项目科'],
                axisPointer: {
                    type: 'shadow'
                },
                splitLine: { show: false },
                axisLabel: {
                    rotate: 40,
                    color: "#fff"
                },
                axisTick: {
                    lineStyle: {
                        color: "#fff",
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: "#fff",
                    }
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '百分比',
                splitLine: {
                    lineStyle: {
                        color: "#fff",
                        type: "dashed",
                    }
                },
                axisLabel: {
                    color: "#fff",
                    formatter: '{value}%'
                },
                axisTick: {
                    lineStyle: {
                        color: "#fff",
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: "#fff",
                    }
                }
            },
            {
                type: 'value',
                name: '数量',
                splitLine: {
                    show: false,
                },
                axisLabel: {
                    formatter: '{value} 件'
                },
                axisTick: {
                    lineStyle: {
                        color: "#fff",
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: "#fff",
                    }
                }
            }
        ],
        series: [
            {
                name: '办结率',
                type: 'bar',
                label: {
                    normal: {
                        // show: true,
                        textStyle: {
                            color: '#fff', //百分比颜色
                        },
                        // position: 'top',
                        // formatter:"{c}%"
                    }
                },
                data: [91]
            },
            {
                name: '超时率',
                type: 'bar',
                label: {
                    normal: {
                        // show: true,
                        textStyle: {
                            color: '#fff', //百分比颜色
                        },
                        // position: 'top',
                        // formatter:"{c}%"
                    },
                },
                data: [3]
            },
            {
                name: '办件量',
                type: 'line',
                yAxisIndex: 1,
                data: [20]
            }
        ]
    };
    return options;
}


/**
 * 设置背景数据
 * @param {*} num 
 */
function getDefaultPolarData(num) {
    var data = [];
    for (var i = 0; i < num; i++) {
        var item = {};
        item.type = i + '';
        item.value = 10;
        data.push(item);
    }
    return data;
}
/**
 * 设置内圈数据
 * @param {}} num 
 */
function getPolarData(num, max) {
    var data = [];
    for (var i = 0; i < max; i++) {
        var item = {};
        item.type = i + '';
        item.value = 10;
        if (i >= num) {
            if (i == Math.ceil(num)) {
                console.log(i, num)

                item.value = (num % 1) * 10;
            } else {
                item.value = 0;
            }
        }
        data.push(item);
    }
    return data;
}

/**
 * 制证情况分析
 */
export const zzqkStat = (d,chart) => {
    let data1 = getDefaultPolarData(10);
    let data2 = getDefaultPolarData(50);
    let data3 = getPolarData(2.3, 6);
    let data4 = getPolarData(d/2, 50);
    // for (var _i = 0; _i < 6; _i++) {
    //     var _item = {};
    //     _item.type = _i + '';
    //     _item.value = 10;

    //     if (_i > 25) {
    //         _item.value = 0;
    //     }
    //     data2.push(_item);
    // }
    if(!chart){
        chart = new G2.Chart({
            container: 'zzqkstat',
            forceFit: true,
            height: 110,
            padding: 0
        });
    }
    chart.legend(false);
    chart.tooltip(false);
    // chart.point().position('value*1').shape('pointer').color('#1890FF').active(false);

    /**
     * 外圈背景图表
     */
    var view1 = chart.view();
    view1.source(data1);
    view1.axis(false);
    view1.coord('polar', {
        startAngle: -1 * Math.PI,
        endAngle: 0.0001 * Math.PI,
        innerRadius: 0.88,
        radius: 1
    });
    view1.interval().position('type*value').color('#144286').size(100);
    /**
     * 内圈背景图表
     */
    // var view2 = chart.view();
    // view2.source(data2);
    // view2.axis(false);
    // view2.coord('polar', {
    //     startAngle: -1 * Math.PI,
    //     endAngle: 0.0001 * Math.PI,
    //     innerRadius: 0.9,
    //     radius: 0.8
    // });
    // view2.interval().position('type*value').color('#144286').size(3);
    /**
       * 外圈图表值
       */
    // var view3 = chart.view();
    // view3.source([{value:4}]);
    // view3.axis(false);
    // chart.scale('value', {
    //     min: 0,
    //     max: 9,
    //     tickInterval: 1,
    //     nice: false
    //   });
    // view3.coord('polar', {
    //     startAngle: -1 * Math.PI,
    //     endAngle: 0.0001 * Math.PI,
    //     innerRadius: 0.88,
    //     radius: 1
    // });
    // view3.point().position('type*value').shape('pointer').color('#006cff').active(false);

    // view3.interval().position('type*value').color('#006cff').size(66);
    /**
    * 内圈图表值
    */
    var view4 = chart.view();
    view4.source(data4);
    view4.axis(false);
    view4.coord('polar', {
        startAngle: -1 * Math.PI,
        endAngle: 0.0001 * Math.PI,
        innerRadius: 0.88,
        radius: 1
    });
    view4.interval().position('type*value').color('#00c6ff').size(3);
    chart.render();
    return chart;
}

// export const zzqkStat = () => {
//     let options = {
//         grid: {
//             left: "1%",
//             right: "1%",
//             bottom: "0%",
//             containLabel: true
//         },
//         tooltip: {
//             formatter: "{a} <br/>{b} : {c}%"
//         },
//         series: [
//             {
//                 name: '业务指标',
//                 type: 'gauge',
//                 startAngle: 180,
//                 endAngle: 0,
//                 radius: [100],
//                 center: ["50%", "92%"],
//                 detail: { 
//                     // formatter: '{value}%',
//                     textStyle: {
//                         fontSize:12
//                     },
//                     offsetCenter:[0,0]
//                  },
//                  pointer:{
//                      width:5,
//                  },
//                 data: [{ value: 50, }],


//             }
//         ]
//     };
//     return options;
// }
import echarts from "echarts";

export const getMapOption = () => {
    // 图表配置项		
    var option = {
        grid: {
            left: 10,
            right: 10,
            bottom: 10,
            top:10,
            containLabel: true
        },
        tooltip: {							// 提示框
            trigger: 'item',
            formatter: function (params) {
                return params.name;
            }
        },

        series: [{
            type: 'map3D',			  // 系列类型
            name: 'map3D',			  // 系列名称
            map: 'fxMap',           // 地图类型。echarts-gl 中使用的地图类型同 geo 组件相同(ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。)
            // // 环境贴图，支持純颜色值，渐变色，全景贴图的 url。默认为 'auto'，在配置有 light.ambientCubemap.texture 的时候会使用该纹理作为环境贴图。否则则不显示环境贴图。
            // environment: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{      // 配置为垂直渐变的背景
            //     offset: 0, color: '#00aaff' // 天空颜色           
            // }, {
            //     offset: 0.7, color: '#998866' // 地面颜色
            // }, {
            //     offset: 1, color: '#998866' // 地面颜色
            // }], false),

            label: {                // 标签的相关设置
                show: false,                 // (地图上的城市名称)是否显示标签 [ default: false ]
                //distance: 50,               // 标签距离图形的距离，在三维的散点图中这个距离是屏幕空间的像素值，其它图中这个距离是相对的三维距离
                //formatter:,               // 标签内容格式器
                textStyle: {                // 标签的字体样式
                    color: '#000',                  // 地图初始化区域字体颜色
                    fontSize: 8,                    // 字体大小
                    opacity: 1,                     // 字体透明度
                    backgroundColor: 'rgba(0,23,11,0)'      // 字体背景色
                },
            },

            itemStyle: {            // 三维地理坐标系组件 中三维图形的视觉属性，包括颜色，透明度，描边等。
                color: 'rgba(4,78,187,.3)',       // 地图板块的颜色
                opacity: 1,                 // 图形的不透明度 [ default: 1 ]
                borderWidth: 0.5,           // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域   [ default: 0 ]
                borderColor: '#0337af'         // 图形描边的颜色。[ default: #333 ]
            },

            emphasis: {             // 鼠标 hover 高亮时图形和标签的样式 (当鼠标放上去时  label和itemStyle 的样式) 
                label: {                // label高亮时的配置
                    show: false,
                    textStyle: {
                        color: '#fff',      // 高亮时标签颜色变为 白色
                        fontSize: 15,       // 高亮时标签字体 变大
                    }
                },
                itemStyle: {            // itemStyle高亮时的配置
                    areaColor: '#04a1ed',   // 高亮时地图板块颜色改变
                }
            },

            groundPlane: {			// 地面可以让整个组件有个“摆放”的地方，从而使整个场景看起来更真实，更有模型感。
                show: false,				// 是否显示地面。[ default: false ]
                color: '#aaa'			// 地面颜色。[ default: '#aaa' ]
            },
          
            // regions: [{				// 可对单个地图区域进行设置
            //     name: '肥乡镇',		// 所对应的地图区域的名称
            //     //regionHeight: '',			// 区域的高度，可以设置不同的高度用来表达数据的大小。当 GeoJSON 为建筑的数据时，也可以通过这个值表示简直的高度。
            //     itemStyle: {				// 单个区域的样式设置
            //         color: '#666',
            //         opacity: 1,
            //         borderWidth: 0.4,
            //         borderColor: '#5F9EA0'
            //     },
            // }, {
            //     name: '天台山镇',
            //     itemStyle: {
            //         color: '#666',
            //         opacity: 1,
            //         borderWidth: 0.4,
            //         borderColor: '#5F9EA0'
            //     },
            // }],

            //shading: 'lambert',       // 三维地理坐标系组件中三维图形的着色效果，echarts-gl 中支持下面三种着色方式:
            // 'color' 只显示颜色，不受光照等其它因素的影响。
            // 'lambert' 通过经典的 lambert 着色表现光照带来的明暗。
            // 'realistic' 真实感渲染，配合 light.ambientCubemap 和 postEffect 使用可以让展示的画面效果和质感有质的提升。ECharts GL 中使用了基于物理的渲染（PBR） 来表现真实感材质。
            // realisticMaterial: {}    // 真实感材质相关的配置项，在 shading 为'realistic'时有效。
            // lambertMaterial: {}      // lambert 材质相关的配置项，在 shading 为'lambert'时有效。
            // colorMaterial: {}        // color 材质相关的配置项，在 shading 为'color'时有效。

            light: {                    // 光照相关的设置。在 shading 为 'color' 的时候无效。  光照的设置会影响到组件以及组件所在坐标系上的所有图表。合理的光照设置能够让整个场景的明暗变得更丰富，更有层次。
                main: {                     // 场景主光源的设置，在 globe 组件中就是太阳光。
                    color: '#fff',              //主光源的颜色。[ default: #fff ] 
                    intensity: 1.2,             //主光源的强度。[ default: 1 ]
                    shadow: false,              //主光源是否投射阴影。默认关闭。    开启阴影可以给场景带来更真实和有层次的光照效果。但是同时也会增加程序的运行开销。
                    //shadowQuality: 'high',      // 阴影的质量。可选'low', 'medium', 'high', 'ultra' [ default: 'medium' ]
                    alpha: 55,                  // 主光源绕 x 轴，即上下旋转的角度。配合 beta 控制光源的方向。[ default: 40 ]
                    beta: 15                    // 主光源绕 y 轴，即左右旋转的角度。[ default: 40 ]
                },
                ambient: {                  // 全局的环境光设置。
                    color: '#fff',              // 环境光的颜色。[ default: #fff ]
                    intensity: 0.5              // 环境光的强度。[ default: 0.2 ]
                }
            },
            data:[
                {name:"天台山镇",value:100}
            ],
            viewControl: {			// 用于鼠标的旋转，缩放等视角控制。
                projection: 'perspective',		// 投影方式，默认为透视投影'perspective'，也支持设置为正交投影'orthographic'。
                autoRotate: false,				// 是否开启视角绕物体的自动旋转查看。[ default: false ] 
                autoRotateDirection: 'cw',		// 物体自传的方向。默认是 'cw' 也就是从上往下看是顺时针方向，也可以取 'ccw'，既从上往下看为逆时针方向。
                autoRotateSpeed: 10,			// 物体自传的速度。单位为角度 / 秒，默认为10 ，也就是36秒转一圈。
                autoRotateAfterStill: 3,		// 在鼠标静止操作后恢复自动旋转的时间间隔。在开启 autoRotate 后有效。[ default: 3 ]
                damping: 0,						// 鼠标进行旋转，缩放等操作时的迟滞因子，在大于等于 1 的时候鼠标在停止操作后，视角仍会因为一定的惯性继续运动（旋转和缩放）。[ default: 0.8 ]
                rotateSensitivity: 1,			// 旋转操作的灵敏度，值越大越灵敏。支持使用数组分别设置横向和纵向的旋转灵敏度。默认为1, 设置为0后无法旋转。	rotateSensitivity: [1, 0]——只能横向旋转； rotateSensitivity: [0, 1]——只能纵向旋转。
                zoomSensitivity: 0,				// 缩放操作的灵敏度，值越大越灵敏。默认为1,设置为0后无法缩放。
                panSensitivity: 1,				// 平移操作的灵敏度，值越大越灵敏。默认为1,设置为0后无法平移。支持使用数组分别设置横向和纵向的平移灵敏度
                panMouseButton: 0,			// 平移操作使用的鼠标按键，支持：'left' 鼠标左键（默认）;'middle' 鼠标中键 ;'right' 鼠标右键(注意：如果设置为鼠标右键则会阻止默认的右键菜单。)
                rotateMouseButton: 0,		// 旋转操作使用的鼠标按键，支持：'left' 鼠标左键;'middle' 鼠标中键（默认）;'right' 鼠标右键(注意：如果设置为鼠标右键则会阻止默认的右键菜单。)

                distance: 66,					// [ default: 100 ] 默认视角距离主体的距离，对于 grid3D 和 geo3D 等其它组件来说是距离中心原点的距离,对于 globe 来说是距离地球表面的距离。在 projection 为'perspective'的时候有效。
                // minDistance: 40,				// [ default: 40 ] 视角通过鼠标控制能拉近到主体的最小距离。在 projection 为'perspective'的时候有效。
                // maxDistance: 400,				// [ default: 400 ] 视角通过鼠标控制能拉远到主体的最大距离。在 projection 为'perspective'的时候有效。

                alpha: 51, 						// 视角绕 x 轴，即上下旋转的角度。配合 beta 可以控制视角的方向。[ default: 40 ]
                beta: 0,						// 视角绕 y 轴，即左右旋转的角度。[ default: 0 ]
                minAlpha: -360,					// 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
                maxAlpha: 360,					// 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
                minBeta: -360,					// 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。[ default: -80 ]
                maxBeta: 360,					// 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。[ default: 80 ]

                center: [-8, -10, 0],				// 视角中心点，旋转也会围绕这个中心点旋转，默认为[0,0,0]。

                animation: true,				// 是否开启动画。[ default: true ]
                animationDurationUpdate: 1000,	// 过渡动画的时长。[ default: 1000 ]
                animationEasingUpdate: 'cubicInOut'		// 过渡动画的缓动效果。[ default: cubicInOut ]
            },

        }]
    };
    return option;
}